<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=UTF-8");
%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

		<jsp:include page="../../common/meta/meta.jsp"></jsp:include>
		
		<!-- 引入首页页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/index/index/index.css" />
		<!-- 引入页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/rent/rentlist/rentlist.css" />
		<!-- 引入页面js -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentlist/rentlist.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 引入日历控件 -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/source/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>

		<div class="rentlist_head">
			<div class="rentlist_head_topone"></div>
			<div class="rentlist_head_toptwo"></div>
			<div class="rentlist_head_content"><jsp:include page="../../common/allhead/allhead.jsp"></jsp:include></div>
		</div>
		<div class="rentlist_chooseback"></div>
		<div class="container">
			<div class="rentlist_choose">
				<div class="row">
					<div class="col-lg-4 col-md-4 rentlist_choose_left">
						<div class="rentlist_choose_left_item clearfix">
							<div class="rentlist_choose_left_item_one">取车城市</div>
							<c:forEach items="${rentcity}" var="item">
								<input type="text" class="rentlist_choose_left_item_two" value="${item}" id="chooseGocity"/>
							</c:forEach>
						</div>
						<div class="rentlist_choose_left_item clearfix">
							<div class="rentlist_choose_left_item_one">还车城市</div>
							
							<input type="text" class="rentlist_choose_left_item_two" value="${sessionScope.rentcity}" id="chooseBackcity"/>
							
						</div>
						<div tabindex="0" class="rentlist_choose_left_item_city hidden">
							<div class="index_choosemode_one_right_city_up">
								<div class="index_choosemode_one_right_city_up_one">请选择城市</div>
								<div class="index_choosemode_one_right_city_up_two"></div>
								<div class="index_choosemode_one_right_city_up_three clearfix">
									<div class="index_choosemode_one_right_city_up_three_item">热门</div>
									<div class="index_choosemode_one_right_city_up_three_item">ABCDE</div>
									<div class="index_choosemode_one_right_city_up_three_item">FGHJ</div>
									<div class="index_choosemode_one_right_city_up_three_item">KLNG</div>
									<div class="index_choosemode_one_right_city_up_three_item">RSTW</div>
									<div class="index_choosemode_one_right_city_up_three_item">XYZ</div>
								</div>
							</div>
							<div class="index_choosemode_one_right_city_down clearfix"></div>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 rentlist_choose_center">
						<div class="rentlist_choose_left_item clearfix">
							<div class="rentlist_choose_left_item_one">取车日期</div>							
							<input type="text" class="rentlist_choose_left_item_two" value="${sessionScope.startDate}" id="chooseGotime"/>
							<input type="text" class="rentlist_choose_left_item_three" value="${sessionScope.starthour}" id="chooseGohour"/>
							
						
							
						</div>
						<div class="rentlist_choose_left_item clearfix">
							<div class="rentlist_choose_left_item_one">还车日期</div>							
							<input type="text" class="rentlist_choose_left_item_two" value="${sessionScope.endDate}" id="chooseBacktime"/>
							<input type="text" class="rentlist_choose_left_item_three" value="${sessionScope.endhour}" id="chooseBackhour"/>
							
							
												
						</div>
					</div>
					<div class="col-lg-4 col-md-4 rentlist_choose_right">
						<div class="rentlist_choose_right_time">
							<div class="rentlist_choose_right_time_font">租期为：</div>
							<div class="rentlist_choose_right_time_behind"></div>
						</div>
						<input type="button"  id="" value="立即选车" class="normalb rentlist_choose_right_b"/>
					</div>
				</div>
			</div>
			<div class="rentlist_content">
				<div class="row">
					<div class="rentlist_content_left col-lg-3 col-md-3">
						
						<div class="rentlist_content_left_title">变速器</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">手动挡</div>
							<div class="rentlist_content_left_item_item">自动挡</div>
							<font class="hidden"></font>
							<font class="hidden">手动挡</font>
							<font class="hidden">自动挡</font>
						</div>
						<div class="rentlist_content_left_title">燃油类型</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">汽油</div>
							<div class="rentlist_content_left_item_item">柴油</div>
							<font class="hidden"></font>
							<font class="hidden">汽油</font>
							<font class="hidden">柴油</font>
						</div>
						<div class="rentlist_content_left_title">驱动形式</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">四驱</div>
							<div class="rentlist_content_left_item_item">两驱</div>
							<font class="hidden"></font>
							<font class="hidden">四驱</font>
							<font class="hidden">两驱</font>
						</div>
						<div class="rentlist_content_left_title">核载人数</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">4人</div>
							<div class="rentlist_content_left_item_item">5人</div>
							<div class="rentlist_content_left_item_item">6人</div>
							<div class="rentlist_content_left_item_item">6人以上</div>
							<font class="hidden">0</font>
							<font class="hidden">4</font>
							<font class="hidden">5</font>
							<font class="hidden">6</font>
							<font class="hidden">7</font>
						</div>
						<div class="rentlist_content_left_title">床位数量</div>
						<div class="rentlist_content_left_item clearfix">
							<div class="rentlist_content_left_item_item">不限</div>
							<div class="rentlist_content_left_item_item">2床</div>
							<div class="rentlist_content_left_item_item">3床</div>
							<div class="rentlist_content_left_item_item">4床</div>
							<div class="rentlist_content_left_item_item">5床</div>
							<div class="rentlist_content_left_item_item">5床以上</div>
							<font class="hidden">0</font>
							<font class="hidden">2</font>
							<font class="hidden">3</font>
							<font class="hidden">4</font>
							<font class="hidden">5</font>
							<font class="hidden">6</font>
						</div>
						
						
					</div>
					
					<div class="rentlist_content_right col-lg-9 col-md-9">
						<div class="rentlist_content_right_up row">
							
								<div class="col-lg-3 col-md-3 rentlist_content_right_up_item">综合排序</div>
								<div class="col-lg-3 col-md-3 rentlist_content_right_up_item desc">销量</div>
								<div class="col-lg-3 col-md-3 rentlist_content_right_up_item desc">价格</div>
								<div class="col-lg-3 col-md-3 rentlist_content_right_up_item"></div>
								<font class="hidden" id="zh">5</font>
								<font class="hidden" id="xl">1</font>
								<font class="hidden" id="jg">3</font>
							
						</div>
						<div class="rentlist_content_right_down">
							   <!-- 	<div class="rentlist_content_right_down_item row">							
									<div class="col-lg-3 col-md-3 rentlist_content_right_down_item_icon">
										<img src="" alt="carpicture" class="img-responsive rentlist_content_right_down_item_icon_posi" />
									</div>
									<div class="col-lg-5 col-md-5 rentlist_content_right_down_item_center">
										<div class="rentlist_content_right_down_item_center_title">凯伦宾威</div>
										<div class="rentlist_content_right_down_item_center_infoone clearfix">
											<div class="rentlist_content_right_down_item_center_infoone_item clearfix">
												<div class="rentlist_content_right_down_item_center_infoone_item_icon"><img src="img/rentlist_icon_hezairengshu25.18.jpg" alt="" class="img-responsive rentlist_content_right_down_item_center_infoone_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_center_infoone_item_info">荷载5人</div>
											</div>
											<div class="rentlist_content_right_down_item_center_infoone_item clearfix">
												<div class="rentlist_content_right_down_item_center_infoone_item_icon"><img src="img/rentlist_icon_youhao23.24.jpg" alt="" class="img-responsive rentlist_content_right_down_item_center_infoone_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_center_infoone_item_info">油耗10L/100公里</div>
											</div>
											<div class="rentlist_content_right_down_item_center_infoone_item clearfix">
												<div class="rentlist_content_right_down_item_center_infoone_item_icon"><img src="img/rentlist_icon_biansuqi19.25.jpg" alt="" class="img-responsive rentlist_content_right_down_item_center_infoone_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_center_infoone_item_info">自动档</div>
											</div>
										</div>
										<div class="rentlist_content_right_down_item_center_infotwo clearfix">
											<div class="rentlist_content_right_down_item_center_infoone_item clearfix">
												<div class="rentlist_content_right_down_item_center_infoone_item_icon"><img src="img/rentlist_icon_ranyou21.25.jpg" alt="" class="img-responsive rentlist_content_right_down_item_center_infoone_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_center_infoone_item_info">柴油</div>
											</div>
											<div class="rentlist_content_right_down_item_center_infoone_item clearfix">
												<div class="rentlist_content_right_down_item_center_infoone_item_icon"><img src="img/rentlist_icon_cheliangpinpai25.16.jpg" alt="" class="img-responsive rentlist_content_right_down_item_center_infoone_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_center_infoone_item_info">C1驾照</div>
											</div>
											<div class="rentlist_content_right_down_item_center_infoone_item clearfix">
												<div class="rentlist_content_right_down_item_center_infoone_item_icon"><img src="img/rentlist_icon_liangqu25.25.jpg" alt="" class="img-responsive rentlist_content_right_down_item_center_infoone_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_center_infoone_item_info">两驱</div>
											</div>
										</div>
										<div class="rentlist_content_right_down_item_center_infothree clearfix">
											<div class="rentlist_content_right_down_item_center_infoone_item clearfix">
												<div class="rentlist_content_right_down_item_center_infoone_item_icon"><img src="img/rentlist_icon_chuangwei25.20.jpg" alt="" class="img-responsive rentlist_content_right_down_item_center_infoone_item_icon_posi" /></div>
												<div class="rentlist_content_right_down_item_center_infoone_item_info">床铺2张</div>
											</div>
											<div class="rentlist_content_right_down_item_center_infoone_bed">1.9m*1.3m;1.9m*1.3m;1.9m*1.3m;1.9m*1.3m</div>
										</div>
										<div class="rentlist_content_right_down_item_center_infofour clearfix">
											<div class="rentlist_content_right_down_item_center_infofour_city">
												<img src="" class="rentlist_content_right_down_item_center_infofour_city_posi" />
												<div class="rentlist_content_right_down_item_center_infofour_detail">深圳</div>
											</div>
											
											<div class="rentlist_content_right_down_item_center_infofour_moredetail">地址：深圳蛇口沃尔玛深圳蛇口沃尔玛深圳蛇口沃尔玛深圳蛇口沃尔玛深圳蛇口沃尔玛</div>
										</div>
										<div class="rentlist_content_right_down_item_center_infofive clearfix">
											<div class="rentlist_content_right_down_item_center_infofive_icon">
												<img src="" class="rentlist_content_right_down_item_center_infofive_icon_posi" />
											</div>
											<div class="rentlist_content_right_down_item_center_infofive_word"></div>
										</div>
									</div>
									<div class="col-lg-2 col-md-2 rentlist_content_right_down_item_price">
										<div class="rentlist_content_right_down_item_price_content clearfix">
											<div class="rentlist_content_right_down_item_price_content_three">起</div>
											<div class="rentlist_content_right_down_item_price_content_two">9999</div>
											<div class="rentlist_content_right_down_item_price_content_one">¥</div>
										</div>
									</div>
									<div class="col-lg-2 col-md-2 rentlist_content_right_down_item_b">
										<input type="button" value="租车" class="normalb rentlist_content_right_down_item_b_posi pull-right" data-rentcarid = "0"/>
									</div>
								
							</div>  -->
							<!-- <div class="rentlist_content_right_down_itemimg"><img src="" class="rentlist_content_right_down_itemimg_posi" /></div> -->
						</div>
						<div class="rentlist_content_right_page">
							<div class="rentlist_content_right_page_center center-block clearfix">
								<div class="rentlist_content_right_page_center_item">1</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div tabindex="0" class="rentlist_choosetimestart hidden">
							<div class="index_choosemode_one_right_timechoose_left">
								<div class="index_choosemode_one_right_timechoose_left_am">AM</div>
								<div class="index_choosemode_one_right_timechoose_left_pm">PM</div> 
							</div>
							<div class="index_choosemode_one_right_timechoose_right">
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="1">00:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="2">00:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="3">01:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="4">01:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="5">02:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="6">02:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="7">03:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="8">03:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="9">04:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="10">04:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="11">05:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="12">05:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="13">06:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="14">06:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="15">07:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="16">07:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="17">08:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="18">08:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="19">09:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="20">09:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="21">10:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="22">10:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="23">11:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="24">11:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="25">12:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="26">12:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="27">13:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="28">13:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="29">14:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="30">14:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="31">15:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="32">15:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="33">16:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="34">16:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="35">17:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="36">17:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="37">18:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="38">18:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="39">19:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="40">19:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="41">20:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="42">20:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="43">21:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="44">21:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="45">22:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="46">22:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="47">23:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="48">23:30</div>
							</div>
		</div>
		<div tabindex="0" class="rentlist_choosetimeend hidden">
							<div class="index_choosemode_one_right_timechoose_left">
								<div class="index_choosemode_one_right_timechoose_left_am">AM</div>
								<div class="index_choosemode_one_right_timechoose_left_pm">PM</div> 
							</div>
							<div class="index_choosemode_one_right_timechoose_right">
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="1">00:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="2">00:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="3">01:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="4">01:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="5">02:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="6">02:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="7">03:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="8">03:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="9">04:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="10">04:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="11">05:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="12">05:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="13">06:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="14">06:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="15">07:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="16">07:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="17">08:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="18">08:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="19">09:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="20">09:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="21">10:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="22">10:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="23">11:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="24">11:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="25">12:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="26">12:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="27">13:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="28">13:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="29">14:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="30">14:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="31">15:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="32">15:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="33">16:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="34">16:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="35">17:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="36">17:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="37">18:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="38">18:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="39">19:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="40">19:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="41">20:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="42">20:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="43">21:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="44">21:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="45">22:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="46">22:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="47">23:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="48">23:30</div>
							</div>
		</div>
			
		</div>
		
		
		
					
		<div class="rentlist_foot"><jsp:include page="../../common/allfoot/allfoot.jsp"></jsp:include></div>
		<div class="rentlist_slide"><jsp:include page="../../common/allside/allside.jsp"></jsp:include></div>
